
/*手机设备宽*/
@device-pixel: 750;  /*px*/
@flexiable-js-device-width: 10rem; /*rem*/ 
@rem-per-px: @flexiable-js-device-width / @device-pixel ;     /*每px等于的1/75rem*/


@section-border: 1px solid #f0f0f0;
@input-border: 1px solid #b8b8b8;

@main-color: #c794fc;   //用于提交或添加的按钮和需要强调的字体
@sub-color: #b989ea;   //用于正在进行中状态的字体

@unit-color: #F1D18A;   // 价格符号的颜色

@btn-sub-color: #fbddd9;    //副按钮的背景颜色

// 字体颜色
@main-font-color: rgb(76,76,76);     //一级字体
@content-color: #666;           //二级字体
@info-color: rgb(153,153,153);              //三级字体，弱提示

@background-color: #f0f0f0;    //背景色，分割色
@sub-background: #fafafa;         //2级栏目底色
@main-background: #fff;             //1级栏目底色
@placeholder-color: #ccc;             //input底色

//字体大小
@main-font: 32*@rem-per-px;         //主要字体大小
@sub-font: 28*@rem-per-px;          //次要字体大小，提示字体大小
@content-font: 24*@rem-per-px;      //文字内容字体大小
@sub-info-font: 20*@rem-per-px;      //文字内容字体大小

//高度
@cell-height: 110*@rem-per-px;      //正常表单一行的高度
@margin-height: 40*@rem-per-px;     //间距的高度
@tab-height: 88*@rem-per-px;        //tab栏的高度

/*倒角*/
@border-radius: 10*@rem-per-px;

/*一般行高88px*/
@normal-height: 88*@rem-per-px;

/* 全局 Fixed 元素 z-index 列表 BEGIN */

/* 全局按钮的z-index */
@button-z-idx: 100;

/*toast 提示信息的 z-idx*/
@show-tip-z-idx: 500;
/* app 导航栏*/
@app-nav-bar-z-idx: 1000;

/*弹出框 z-idx*/
@mask-z-idx: 1500;

/* 全局 Fixed 元素 z-index 列表 END */

.clearfix:after{
    content: '';
    clear: both;
    height: 0;
    line-height: 0;
    display: block;
}

.no-more{
    height: 60*@rem-per-px;
    line-height: 60*@rem-per-px;
    color: #bbbdc0;
    background: #F9F9F9;
}

/** 懒加载图片背景 */
img[lazy=loading] {
    background-color: #e2e2e2;
    background-image: url("../images/placeholder.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
img[lazy=error] {
    background-color: #e2e2e2;
    background-image: url("../images/image_error.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}